<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <title>编程开发笔记 · 看云</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="stylesheet" href="./asset/css/app.css">
</head>
<body class="pushable dimmable">
<div class="ui vertical sidebar menu right" data-attach="[data-selector=&quot;sidebar toc&quot;]">
    <form action="#">
        <div class="item">
            <div class="ui icon input">
                <input name="q" type="text" placeholder="搜索看云...">
                <i class="search icon"></i>
            </div>
        </div>
    </form>
    <a class="item" href="#">广场</a>
    <a class="item" href="#">客户端</a>
    <a class="item" href="https://help.kancloud.cn/">帮助</a>
    <a class="item" href="#">登录</a>
    <a class="item" href="#">注册</a>
</div>
<div class="pusher">

    <div class="w-page ">
        <div class="page-head">
            <div class="ui menu small secondary fixed">

                <a class="logo item" href="#"></a>
                <a class="item" href="#">广场</a>
                <a class="item" href="#">客户端</a>
                <a class="item" href="https://help.kancloud.cn/">帮助</a>

                <div class="right menu ">
                    <a class="toc item" data-selector="sidebar toc">
                        <i class="ellipsis vertical icon"></i>
                    </a>
                    <form action="#">
                        <div class="item">
                            <div class="ui icon input">
                                <input name="q" type="text" placeholder="搜索看云...">
                                <i class="search icon"></i>
                            </div>
                        </div>
                    </form>
                    <a class="item" href="#">登录</a>
                    <a class="item" href="#">注册</a>
                </div>
            </div>
        </div>

        <div class="page-body">
            <div class="ui nags">
            </div>
            <div class="w-breadcrumb">
                <div class="ui container">
                    <a class="toc">
                        <i class="align justify icon"></i>
                    </a>
                    <div class="ui huge breadcrumb">
                        <a href="#" class="section">
                            <img class="ui avatar mini image bordered" src="https://avatar.kancloud.cn/30/46326fb62d174a7994e5f988462be0!middle">
                            俊杰
                        </a>
                        <div class="divider">/</div>
                        <div class="active section">编程开发笔记</div>
                    </div>

                </div>
            </div>
            <div class="ui container">
                <div class="ui items book">
                    <div class="item">
                        <div class="ui image small bordered rounded ">
                            <img src="./asset/css/javascript!middle">
                        </div>
                        <div class="content">
                            <h1 class="ui header">编程开发笔记</h1>
                            <div class="meta">
                                评论：0 关注：2
                            </div>
                            <div class="description">
                                Record every bit of life ~
                            </div>
                            <div class="extra">
                                <div class="ui labels">
                                    <a href="https://www.kancloud.cn/tag/%E5%89%8D%E7%AB%AF" class="ui label">
                                        前端
                                    </a>
                                    <a href="#" class="ui label">
                                        CSS
                                    </a>
                                    <a href="https://www.kancloud.cn/tag/%E7%AC%94%E8%AE%B0" class="ui label">
                                        笔记
                                    </a>
                                    <a href="#" class="ui label">
                                        html
                                    </a>
                                    <span class="ui label">
                                                JAVASCRIPT
                                            </span>
                                </div>
                            </div>

                            <div class="extra">
                                <a href="#"
                                   class="ui large button green">
                                    阅读
                                </a>
                            </div>

                            <div class="w-action">
                                <a data-selector="reward" class="action">
                                    <i class="reward icon"></i>
                                    <span class="text">打赏</span>
                                </a>
                                <a class="action" data-namespace="q1093336886" data-name="javascript"
                                   data-action="kindle book" data-method="post" data-success="推送成功">
                                    <i class="kindle icon"></i>
                                    <span class="text">推送到Kindle</span>
                                </a>
                                <div class="ui dropdown top left pointing action" tabindex="0">
                                    <i class="download icon"></i>
                                    <span class="text">下载</span>
                                    <div class="menu fluid" tabindex="-1">
                                        <a class="item" data-action="download book" data-namespace="q1093336886"
                                           data-name="javascript" data-type="pdf">
                                            PDF
                                        </a>
                                        <a class="item" data-action="download book" data-namespace="q1093336886"
                                           data-name="javascript" data-type="epub">
                                            EPUB
                                        </a>
                                        <a class="item" data-action="download book" data-namespace="q1093336886"
                                           data-name="javascript" data-type="mobi">
                                            MOBI
                                        </a>
                                    </div>
                                </div>
                                <a class="action" data-selector="xiao" data-id="401320">
                                    <i class="xiao icon"></i>
                                    <span class="text">小程序阅读</span>
                                </a>
                                <a class="action error" data-selector="attention" data-id="401320"><i
                                        class="heart outline icon"></i><span class="text">关注</span></a>
                                <div class="ui dropdown top left pointing action" tabindex="0">
                                    <i class="share alternate icon"></i>
                                    <span class="text">分享</span>
                                    <div class="menu fluid" tabindex="-1">
                                        <a class="item" data-selector="share" data-type="weibo">
                                            微博
                                        </a>
                                        <a class="item" data-selector="share" data-type="qq">
                                            QQ
                                        </a>
                                        <a class="item" data-selector="share" data-type="wechat">
                                            微信
                                        </a>
                                    </div>
                                </div>
                                <div class="ui modal tiny" data-selector="xiao share modal">
                                    <i class="close icon"></i>
                                    <div class="header">小程序阅读</div>
                                    <div class="content">
                                        <img width="320" height="320" class="ui centered image"
                                             src="#">
                                        <div class="ui header center aligned">打开微信"扫一扫"阅读</div>
                                    </div>
                                </div>
                                <a target="_blank" class="action" href="https://www.kancloud.cn/feedback?type=report">
                                    <i class="icon exclamation triangle"></i>
                                    <span class="text">举报</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="ui green secondary large pointing stackable menu">
                    <a class="active item" data-tab="dashboard">
                        概要
                    </a>
                    <a class="item" data-tab="catalog">
                        目录
                    </a>
                    <a class="item" data-tab="reward">
                        打赏记录
                    </a>
                </div>
                <div class="ui tab active article-body" data-tab="dashboard">
                    暂无描述
                </div>
                <div class="ui tab" data-tab="catalog">
                    <div class="ui secondary fluid vertical menu">
                        <a href="#" class="item">
                            前端开发笔记
                        </a>
                        <a href="#" class="item">
                            Ordinary小助手
                        </a>
                    </div>
                </div>
                <div class="ui tab" data-tab="reward">
                    <div class="ui large labels" data-selector="reward list">


                    </div>
                    <div class="ui header center aligned">
                        <div data-selector="reward loader" style="display: none;"
                             class="ui active centered inline loader"></div>
                        <button data-selector="reward more" style="display: none;" class="ui button small basic">加载更多
                        </button>
                    </div>
                </div>

                <h3 class="ui header dividing">推荐阅读</h3>
                <div class="ui special eight doubling cards">
                    <a class="ui link card" href="#">
                        <div class="blurring dimmable image">
                            <div class="ui dimmer transition visible active animating fade out"
                                 style="display: flex !important; animation-duration: 500ms;">
                                <div class="content">
                                    <div class="center ">
                                        <h4>JavaScript面向对象编程指南</h4>
                                    </div>
                                </div>
                            </div>
                            <img src="./asset/css/biubiu!middle">
                        </div>
                    </a> <a class="ui link card" href="#">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center ">
                                    <h4>PHP/Python/前端/Linux 等等 学习笔记</h4>
                                </div>
                            </div>
                        </div>
                        <img src="./asset/css/python!middle">
                    </div>
                </a> <a class="ui link card" href="#">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center ">
                                    <h4>学习笔记</h4>
                                </div>
                            </div>
                        </div>
                        <img src="./asset/css/daijiandong!middle">
                    </div>
                </a> <a class="ui link card" href="#">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center ">
                                    <h4>(第二版) PHP Golang Linux 笔记</h4>
                                    <p class="ui text yellow ">
                                        ￥10.00
                                    </p>
                                </div>
                            </div>
                        </div>
                        <img src="https://cover.kancloud.cn/xiaohuamao/phpstudy!middle">
                    </div>
                </a> <a class="ui link card" href="#">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center ">
                                    <h4>(第一版) PHP Golang Linux 笔记</h4>
                                    <p class="ui text yellow ">
                                        ￥1.00
                                    </p>
                                </div>
                            </div>
                        </div>
                        <img src="https://cover.kancloud.cn/xiaohuamao/riji!middle">
                    </div>
                </a> <a class="ui link card" href="#">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center ">
                                    <h4>(开源版)ThinkPHP Golang MySQL Linux 笔记</h4>
                                </div>
                            </div>
                        </div>
                        <img src="https://cover.kancloud.cn/xiaohuamao/gprc!middle">
                    </div>
                </a> <a class="ui link card" href="#">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center ">
                                    <h4>工具&amp;环境配置</h4>
                                </div>
                            </div>
                        </div>
                        <img src="https://cover.kancloud.cn/mrxuxu/notes!middle">
                    </div>
                </a> <a class="ui link card" href="#">
                    <div class="blurring dimmable image">
                        <div class="ui dimmer">
                            <div class="content">
                                <div class="center ">
                                    <h4>Html快速入门</h4>
                                    <p class="ui text yellow ">
                                        ￥5.00
                                    </p>
                                </div>
                            </div>
                        </div>
                        <img src="https://cover.kancloud.cn/winnie123321/python!middle">
                    </div>
                </a></div>
            </div>

        </div>

        <div class="page-foot">
            <div class="ui container">
                <div class="w-copyright">
                    <div class="left">
                        <p>© 2015-2019 上海顶想信息科技有限公司</p>
                        <div class="ui list horizontal">
                            <a class="item" href="#">关于我们</a>
                            <a class="item" href="#">反馈建议</a>
                            <a class="item" href="#">合作伙伴</a>
                            <a class="item" href="#">产品价格</a>
                            <a class="item" href="#">官方博客</a>
                        </div>
                    </div>
                    <div class="right">
                        <a class="logo" href="#"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>

<script src="./asset/js/jquery.min.js"></script>
<script src="./asset/js/semantic.min.js"></script>
<script type="text/javascript" src="./asset/js/app.js"></script>


<div class="ui modal tiny" data-selector="wechat share modal">
    <i class="close icon"></i>
    <div class="header">分享到微信</div>
    <div class="content">
        <img width="320" height="320" class="ui centered image" src="">
        <div class="ui header center aligned">打开微信"扫一扫"分享</div>
    </div>
</div>
<div class="ui dimmer modals page">
    <div class="ui tiny modal" data-selector="reward modal">
        <i class="close icon"></i>
        <div class="header">
            欢迎打赏
        </div>
        <div class="content">
            <form data-action="save book reward" data-namespace="q1093336886" data-name="javascript" method="post"
                  class="ui form">
                <div class="field">
                    <img class="ui image centered tiny circular"
                         src="https://avatar.kancloud.cn/30/46326fb62d174a7994e5f988462be0!middle">
                </div>
                <div class="ui message error"></div>
                <div class="field">
                    <div class="ui right labeled input">
                        <div class="ui label">￥</div>
                        <input name="amount" type="number" step="any" value="5" min="1" max="200">
                        <div class="ui basic label">元</div>
                    </div>
                </div>
                <div class="field">
                    <textarea rows="3" name="message" placeholder="给他留言..."></textarea>
                </div>
                <div class="field center aligned">
                    <button class="ui primary button">打赏</button>
                </div>

            </form>
        </div>
    </div>
</div>
</body>
</html>